// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from "axios";
Vue.prototype.$axios = axios;
import Vant from 'vant';
// 引入 ui 库
import ElementUI from 'element-ui';
// 引入 css
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false

//注册组件库
Vue.use(ElementUI);

// 绑定到原型
//设置默认的 api 域名
axios.defaults.baseURL = "http://111.230.181.206:3000"

// 如果我想设置一个公共函数,在组件内可以直接用 this.xxx 调用
// 那么可以使用 Vue.prototype 来进行定义
Vue.prototype.$fixImgUrl = function (url) {
  // 如果这个 url 没有 http 这个部分
  // 我就要默认带上 axios 的基准路径
  var res = "";
  if (url.indexOf('http')<0) {
    res = axios.defaults.baseURL + url
  }else {
    res = url
  }
  return res;
}

//引入组件库
//注册组件库
Vue.use(Vant);
//引入组件样式文件
import 'vant/lib/index.css';

// 路由守卫
router.beforeEach((to, from, next) => {
  var token = localStorage.getItem('token');
  // 判断去个人中心的逻辑
  // 如果去的是首页
  if (to.path == '/') {
    // 判断是否有登录
    if (token) {
      next()
    } else {
      router.push('/login')
      // 没登陆过就去登录页
    }
  } else {
    next()
  }

})



/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: {
    App
  },
  template: '<App/>'
})
